<template>
  <div class="nav-header">
      <div class="title">
      <img src="../assets/static/temp/h1.png" alt="">
      <div class="title-name">
        <div class="name">{{title}}</div>
        <div class="english">{{englishTitle}}</div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
/**
* descripe:
* date: 2019-
* author: yezhanxiang
*/
  export default {
    props: {
        title: {
            type: String,
            default: ''
        },
        englishTitle: {
            type: String,
            default: ''
        }
    },
    data () {
      return {

      }
    },
    components: {

    },
    created () {

    },
    methods: {

    }
  }
</script>

<style scoped lang="stylus">
.nav-header
  width 100%
	.title
    display flex
    align-items center
    height 1.3rem
    width 100%
	img
		width .9rem
		height .9rem
		margin-right 0.2rem
	.title-name
		display flex
		flex-direction column
		align-items center
		.name, .english
			width 100%
		.name
			text-align start
			font-size: 17px;
		.english
			font-size: 12px;
			margin-top .1rem
			color: #909399;
</style>
